<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="index.css"> -->
</head>

<body>
    <div class="box">
        <!-- <div class="guanggao">
            <img src="./图标/图标/广告位.jpg" alt="###">
            <span class="close">
                <img src="./图标/图标/关  闭.svg" alt="">
            </span>
        </div> -->
        <!-- <div class="top">

            <div class="topmain">
                <div class="red">
                    <img src="./图标/图标/logodianzi.svg" alt="">
                </div>
                <div class="right">
                    <div class="denglv">
                        <span>
                            <img src="./图标/图标/个人中心 - 中.svg" alt="">
                        </span>

                    </div>
                    <div class="buy"></div>
                    <div class="serch"></div>
                    <div class="help"></div>
                </div>
            </div> -->
           <div class="Nav">
               <div class="main">
                   <span>首页</span>
                   <span>品牌一览</span>
                   <span>潮牌服饰</span>
                   <span>时尚鞋履</span>
                   <span>其他配饰</span>
               </div>
           </div>
           <div class="Carousel">
                <img src="./图标/图标/轮播图/轮播图.jpg" alt="">
           </div>

           <div class="Center">
                <div class="hot">
                    <span>
                        热卖单品
                    </span>
                </div>
                <div class="hots">
                    <div class="one">
                        <div class="onepic">
                            <img src="./商品/商品/热卖单品/u=1494080506,506430978&fm=26&gp=0.jpg" alt="">
                        </div>
                        <div>
                            <img src="./商品/商品/热卖单品/src=http___gw.alicdn.com_imgextra_i1_1116155218_TB2.1xbaVXXXXX2XXXXXXXXXXXX_!!1116155218.jpg&refer=http___gw.alicdn.jfif" alt="">
                        </div>
                        <div>
                            <img src="./商品/商品/热卖单品/下载 (3).jfif" alt="">
                        </div>
                        <div>
                            <img src="./商品/商品/热卖单品/下载 (4).jfif" alt="">
                        </div>
                        <div>
                            <img src="./商品/商品/热卖单品/下载 (5).jfif" alt="">
                        </div>
                    </div>
                    <div></div>
                </div>
           </div>

        </div>
    </div>
</body>

</html>
<style>
    /* 导航 */
    .Nav{
        height: 50px;
        width: 100%;
        color: #fff;
        line-height: 50px;
        background-color:rgb(14, 13, 13);
    }
    .Nav .main{
        width: 1180px;
        margin: 0 auto;
        font-size: 20px;
    }
    .main span:not(:first-child){
        margin-left: 120px;   
    }
    .main span:nth-child(2){
        margin-left: 142px;   
    }
    /* 轮播 */
    .Carousel{
        width: 1180px;
        margin: 0 auto;
        margin-top: 10px;
        overflow: hidden;
    }
    .Carousel img{
        width: 1180px;
        height: 100%;
    }
    /* 版心 */
    .Center{
        width: 1180px;
        margin: 0 auto;
    }
    /* 热卖 */
    .hot{
        width: 100%;
        height:20px;
        margin-top: 64px;
    }
    .hot span{
        width: 180px;
        height: 20px;
       
        text-align: center;
        line-height: 20px;
    
        border: 1px solid #000;
        margin: 0 auto;
        display: block;
    }
    .hots{
        margin-top: 50px;
    }
    .one div{
        float: left;
        width: 200px;
        height: 300px;
    }
   
</style>